<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<head>
<title>Market place</title>
</head>
<f:view>
	<body>
		<ui:composition>
			<p:dialog header="Edit order detail" widgetVar="orderDetailDlg"
				resizable="false" id="orderDetailDialog" showEffect="explode"
				hideEffect="clip" modal="false" style="font-size:1.1em"
				rendered="#{orderModel.currentOrderDetail!=null}">
				<p:panelGrid>
					<p:row>
						<p:column colspan="2">
							<h:outputText value="Product number:"></h:outputText>
						</p:column>
						<p:column colspan="2">
							<h:outputText
								value="#{orderModel.currentOrderDetail.product.number}"></h:outputText>
						</p:column>
					</p:row>
					<p:row>
						<p:column colspan="2">
							<h:outputText value="Product name:"></h:outputText>
						</p:column>
						<p:column colspan="2">
							<h:outputText
								value="#{orderModel.currentOrderDetail.product.nameLabel}"></h:outputText>
						</p:column>
					</p:row>
					<p:row>
						<p:column rowspan="2">
							<h:outputText value="Ordered"></h:outputText>
						</p:column>
						<p:column>
							<h:outputText value="Quantity" />
						</p:column>
						<p:column>
							<h:inputText
								value="#{orderModel.currentOrderDetail.orderedQuantity}"
								style="text-align:right" />
						</p:column>
						<p:column>
							<h:outputText
								value="#{orderModel.currentOrderDetail.product.stockUnitLabel}"
								style="text-align:right" />
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<h:outputText value="Price" />
						</p:column>
						<p:column>
							<h:inputText
								value="#{orderModel.currentOrderDetail.orderedPrice}"
								style="text-align:right" />
						</p:column>
						<p:column>
							<h:outputText
								value="/#{orderModel.currentOrderDetail.product.priceUnitLabel}"
								style="text-align:right" />
						</p:column>
					</p:row>
					<p:row>
						<p:column rowspan="2">
							<h:outputText value="Confirmed"></h:outputText>
						</p:column>
						<p:column>
							<h:outputText value="Quantity" />
						</p:column>
						<p:column>
							<h:inputText
								value="#{orderModel.currentOrderDetail.confirmedQuantity}"
								style="text-align:right" />
						</p:column>
						<p:column>
							<h:outputText
								value="#{orderModel.currentOrderDetail.product.stockUnitLabel}"
								style="text-align:right" />
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<h:outputText value="Price" />
						</p:column>
						<p:column>
							<h:inputText
								value="#{orderModel.currentOrderDetail.confirmedPrice}"
								style="text-align:right" />
						</p:column>
						<p:column>
							<h:outputText
								value="/#{orderModel.currentOrderDetail.product.priceUnitLabel}"
								style="text-align:right" />
						</p:column>
					</p:row>
					<p:row>
						<p:column rowspan="2">
							<h:outputText value="Delivered"></h:outputText>
						</p:column>
						<p:column>
							<h:outputText value="Quantity" />
						</p:column>
						<p:column>
							<h:panelGroup
								rendered="#{!orderModel.currentOrderDetail.product.isCanCaculateExactAmount}">
								<h:inputText
									value="#{orderModel.currentOrderDetail.deliveredQuantityInGram}" 
									style="text-align:right;" />
								<h:outputText value="#{msgs.gram}" style="text-align:right;width:30px;font-weight:bold;color:red" />
							</h:panelGroup>
							<h:inputText
								rendered="#{orderModel.currentOrderDetail.product.isCanCaculateExactAmount}"
								value="#{orderModel.currentOrderDetail.deliveredQuantity}"
								style="text-align:right" />
						</p:column>
						<p:column>
							<h:outputText
								value="#{orderModel.currentOrderDetail.product.priceUnitLabel}"
								style="text-align:right" />
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<h:outputText value="Price" />
						</p:column>
						<p:column>
							<h:inputText
								value="#{orderModel.currentOrderDetail.deliveredPrice}"
								style="text-align:right" />
						</p:column>
						<p:column>
							<h:outputText
								value="/#{orderModel.currentOrderDetail.product.priceUnitLabel}"
								style="text-align:right" />
						</p:column>
					</p:row>
				</p:panelGrid>
				<p:commandButton value="Cancel" type="button"
					onclick="orderDetailDlg.hide()" style="float:left" />
				<p:commandButton value="OK" ajax="true"
					update=":detailForm,:headerForm" oncomplete="orderDetailDlg.hide()"
					style="float:right" />
			</p:dialog>
		</ui:composition>
	</body>
</f:view>
</html>